﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="UI.Index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>酒聚汇投资者查看平台-登录</title>
	<link href="css/StudentStyle.css" rel="stylesheet" type="text/css" />
	<link href="css/jBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />
	<link href="css/ks.css" rel="stylesheet" type="text/css" />
	<script src="js/jBox/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/Data.js" type="text/javascript"></script>
	<style type="text/css">
		.content {width: 100%; height: auto;}
		.login_window {width: 980px;margin: 0 auto;height: 600px;position: relative;}
		.login_wrap {width: 480px; height: 300px; position: absolute; border-radius: 5px; right: 10px; top: 170px; border: 1px solid #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 3px 3px 3px #ccc;box-shadow: 3px 3px 3px #ccc; padding: 10px;}
		.login_title {width: 480px; height: 58px; line-height: 60px; font-size: 30px; text-align: center; border-bottom: 1px solid #ccc; color: white;}
		.login_content {width: 480px; height: 230px; padding: 10px 0 0 0;}
		.login_fl {float: left; width: 158px; height: 230px; border-right: 1px solid #ccc;}
		.login_fr {float: left; width: 316px; height: 230px;}
		.login_text {width: 316px; height: 30px; line-height: 30px; font-size: 18px;padding: 0 0 0 5px;}
		.login_username, .login_password, .login_captcha, .login_submit {width: 316px; height: 50px;padding: 0 0 0 5px;}
		#username2, #password2, #captcha2 {display: none;}
		#username1, #username2, #password1, #password2 {width: 306px; height: 30px; line-height: 30px; border-radius: 3px; font-size: 14px; border:1px solid #ccc; color: #673333; padding-left: 5px; margin-top: 10px;}
		#captcha1, #captcha2 {width: 150px; height: 30px; line-height: 30px; border-radius: 3px; font-size: 14px; border:1px solid #ccc; color: #673333; padding-left: 5px;}
		.captcha_wrap {margin-top: 10px; width: 315px; height: 40px;}
		.captcha_input {float: left; width: 160px; height: 30px;}
		.captcha_img {float: left; width: 110px; height: 30px;}
		.captcha_change {float: left; width: 40px; height: 30px; line-height: 40px; padding-left: 5px;}
		.submit_fl {float: left;width: 160px; height: 30px;}
		.submit_fl #btnlogin {width: 160px; height: 30px; background: red; border: none; cursor: pointer; color: white; font-size: 16px; border-radius: 3px;}
		.submit_fr {float: left; width: 100px; height: 30px; line-height: 40px; padding-left: 5px;} 
	    .login_returnInfo {height: 30px; margin-top: -20px; line-height: 30px; color: red; padding-left: 5px;font-size: 14px;}
        .content {background: url(images/index_bg.jpg) no-repeat center; width: 100%; height: 600px;}
	</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="banner">
        <div class="bgh">
            <div class="page">
                <div id="logo">
                    <a href="Index.aspx">
                        <img src="images/logo.png" alt="" width="165" height="48" />
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="content" style="position: relative;">
    	<div class="login_window">
    		<div class="login_wrap">
    			<div class="login_title">酒聚汇投资者收益查看平台</div>
    			<div class="login_content">
    				<div class="login_fl">
                        <img src="images/login_bg.jpg" width="158" height="230"/>
    				</div>
    				<div class="login_fr">
    					<div class="login_text">用户登录</div>
    					<div class="login_username">
    						<input type="text" id="username1" target="username2" onfocus="inputFocus(this)" value="用户名"/>
    						<input type="text" id="username2" runat="server" target="username1" onblur="inputBlur(this)" autocomplete="off"/>
    					</div>
    					<div class="login_password">
    						<input type="text" id="password1" target="password2" onfocus="inputFocus(this)" value="密码"/>
    						<input type="password" id="password2" runat="server" target="password1" onblur="inputBlur(this)" autocomplete="off"/>
    					</div>
    					<div class="login_captcha">
    						<div class="captcha_wrap">
    							<div class="captcha_input">
    								<input type="text" id="captcha1" runat="server" target="captcha2" onfocus="inputFocus(this)" value="验证码"/>
    								<input type="text" id="captcha2" runat="server" maxlength="4" target="captcha1" onblur="inputBlur(this)" autocomplete="off"/>
    							</div>
    							<div class="captcha_img">
    								<img src="ValidCodeImage.aspx?red=<%= this.randomNum %>" alt="" id="VailCodeImg" width="110" height="30" onClick="javascript:ShowVailCode('VailCodeImg');" />
    							</div>
    							<div class="captcha_change">
    								<a href="javascript:ShowVailCode('VailCodeImg');">换一张</a>
    							</div>
    						</div>
    					</div>
                        <div class="login_returnInfo">
                            <span id="div_msg" runat="server"></span>
                        </div>
    					<div class="login_submit">
    						<div class="submit_fl">
                                <asp:Button ID="btnlogin" runat="server" Text="登录" OnClick="btnlogin_Click" />  							
    						</div>
    						<div class="submit_fr">
    							<a href="ResetPassword.aspx">忘记密码？</a>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <div class="page">
        <div class="footer" style="margin-top:0px;">
            <p>酒聚汇 渝ICP备13004443号-2 Copyright 2014 jiujuhui.com All Rights Reserved. </p>
            <p>客服热线:400-050-8819</p>
        </div>
    </div>
  </form>
</body>
</html>

